<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <header id="header">
        <div class="header container">

            <div class="header-l l">
                <a href="javascript:;"></a>
            </div>
            <ul class="header-r r">
                <li>
                    <a href="http://localhost/object/login.html">请登录</a>

                </li>
                <li class="zhuce"><a href="http://localhost/object/register.html">快速注册</a>
                    <ul class="erji erji-one">
                        <li><a href="http://localhost/object/register.html">卖家注册</a></li>
                        <li><a href="http://localhost/object/register.html">卖家注册认证</a></li>
                    </ul>
                </li>
                <li class="matou"><a href="javascript:;">我的码头</a>
                    <ul class="erji erji-two">
                        <li><a href="javascript:;">我的订单</a></li>
                        <li><a href="javascript:;">我的优惠券</a></li>
                    </ul>
                </li>
            </ul>

        </div>

    </header>
    <main class="container" style="overflow: hidden;">
        <div class="main-top">
            <h3 class="l">手机注册</h3>
            <a class="r" href="javascript:;">点击这里</a>
            <p class="r">你是不是想注册成买手？请</p>
        </div>
        <div class="main-l l">
                <div class="edit">
                    <div class="wenben">
                        <span class="xing">*</span>手机号码：
                    </div>
                    <input type="text" placeholder="请输入手机号">
                    <span class="yanzheng">请输入手机号码
                    </span><span class="tishi">请输入有效手机号码</span>
                </div>
                <div class="edit">
                    <div class="wenben">
                        <span class="xing">*</span>短信验证码：
                    </div>
                    <input type="text" placeholder="请输入验证码" style="width:102px">
                    <span class="yanzhengma yzm-btn">获取验证码</span>
                    <span class="yanzheng">请输入验证码</span>
                    <span class="getyzm"></span><span class="tishi">输入有效验证码(区分大小写)</span>
                </div>
                <div class="edit">
                    <div class="wenben">
                        <span class="xing">*</span>登录密码
                    </div>
                    <input type="password" placeholder="请输入密码">
                    <span class="yanzheng">请输入密码</span>
                    <span class="mimaqd"></span><span class="tishi">6~16个字符,请使用英文字母(区分大小写)﹒符号或数字。</span>
                </div>
                <div class="edit">
                    <div class="wenben">
                        <span class="xing">*</span>确认密码：
                    </div>
                    <input type="password" placeholder="请输入确认密码" class="userPass">
                    <span class="yanzheng">请输入确认密码
                    </span><span class="tishi">确认您上面输入的密码</span>
                </div>
                <div class="edit">
                    <div class="wenben">
                        <span class="xing">*</span>用户名：
                    </div>
                    <input type="text" placeholder="请输入用户名"  class="userName">
                    <span class="yanzheng">请输入用户名
                    </span><span class="tishi">4~20个字符,可使用、英文、数字</span>
                </div>

                <div class="xieyi">
                    <input type="checkbox">
                    <p>我已经认真阅读并同意洋码头的《<a href="javascript:;">用户协议</a>》,《<a href="javascript:;">洋码头隐私权规则</a> 》 </p>
                </div>

                <input type="submit" value="注册" class="zhuce-btn">
            

        </div>
        <div class="main-r r">
            <p>您也可以使用下列账号登录洋码头：</p>
            <ul>
                <li><a href="javascript:;"><i></i> 使用新浪微博账户登录</a> </li>
                <li><a href="javascript:;"><i></i> 使用支付宝账户登录</a></li>
                <li><a href="javascript:;"><i></i> 使用微信账户登录</a> </li>
            </ul>
        </div>

    </main>

    <footer class="container">
        <p>© 2014－2020 ymatou.hk 版权所有</p>
    </footer>






</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./js/register.js"></script>